.hero-container{
  width: 1000px;
  margin: 30px auto;
}

hr{
  margin: 10px 0;
}

*{
  margin: 0;
  padding:0;
  box-sizing: border-box;
}

.hero-list{
  margin: 0 -10px;
}

.hero-list .hero-item{
  width: 10%;
  float: left;
  padding: 0 10px;
}

.hero-item img{
  width: 100%;
}

.hero-item p{
  text-align: center;
  margin-bottom: 7px;
}

.form{
  text-align: right;
}
